body {
    background-color: inherit;
}
/****  公共头部  ****/
.pLogo {
    background: none;
    position: absolute;
    z-index: 3;
    width: auto;
    top: calc((100vh * .83 - 3.54rem) / 2);
    left: 50%;
    transform: translateX(-50%);
}

.pLogo .mainWidth {
    width: auto;
}

.pLogo .pLogo-logo {
    margin-top: 0;
    float: none;
    display: block;
}

.pLogo .pLogo-logo img {
    float: none !important;
    margin: 0 auto !important;
}

.pLogo .pLogo-logo img.gh {
    margin-bottom: .2rem;
}

.pSearch {
    float: none;
    margin-top: .6rem;
    padding-top: 0;
}

.pSearch .s-box {
    float: none;
    margin: 0 auto;
    width: calc(7.34rem - .08rem);
}

.pSearch .s-hot {
    text-align: center;
}

.pSearch .s-hot span {
    float: none;
}

.pSearch .s-hot a {
    float: none;
}

.pNav

/* .indexTop.showdiv .pNav */
    {
    position: absolute;
    left: 0;
    bottom: calc(100vh * .17);
    z-index: 9;
    background: url(../images/2024-pNav-bg.png) no-repeat center;
    background-size: cover;
    height: .75rem;
    top: inherit;
    box-shadow: inherit;
}

.pNav ul {
    padding: 0 1.2rem;
    width: calc(14rem - 2.4rem);
}

.pNav li {
    height: .75rem;
    line-height: .75rem;
}

.pNav li a {
    font-weight: 700;
}

.pNav li.s a::after {
    content: '';
    display: block;
    width: 2.89rem;
    height: .68rem;
    background: url(../images/2024-pNav-menu.png) no-repeat bottom;
    background-size: 2.89rem .68rem;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.pNav li a::before {
    content: '';
    display: block;
    width: .4rem;
    height: .4rem;
    background: no-repeat center;
    background-size: .4rem .4rem;
    float: left;
    margin: .175rem .1rem 0 0;
}

.pNav li:hover a {
    text-shadow: 0px 0px .1rem rgba(255, 255, 255, .3);
}

.pNav li.s a::after {
    width: 3.19rem;
    height: .75rem;
    background-size: auto .75rem;
    background-position: top;
}

.pNav li.s::after {
    height: .75rem;
    background-position: top;
}

.pNav li .child-nav {
    top: .75rem;
}

.pNav li .child-nav a {
    font-weight: 400;
}

/****  首页头部  ****/
.indexTop {
    width: 100%;
    height: 100vh;
    height: auto;
    position: relative;
}

.indexTop .index-banner {
    width: 100%;
    /* height: 7.76rem; */
    height: calc(100vh * .83);
    overflow: hidden;
    position: relative;
    z-index: 2;
}

.indexTop .index-banner #banner-swiper {
    width: 100%;
    height: 100%;
    display: block;
}

.indexTop .index-banner #banner-swiper img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.indexTop .index-banner .video-box {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 11;
}

.indexTop .index-banner .video-box #myVideo {
    min-width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.indexTop .index-banner .video-box .video-btn {
    position: absolute;
    right: 0;
    top: 2rem;
    z-index: 4;
}

.indexTop .index-banner .video-box .video-btn a {
    height: .34rem;
    line-height: .34rem;
    padding: 0 .15rem 0 .25rem;
    color: #fff;
    display: block;
    margin-top: 10px;
    border-radius: .17rem 0 0 .17rem;
    background-color: #4e87e1;
    cursor: pointer;
}

.indexTop .index-banner .video-box a:hover {
    background-color: #77a7f2;
}

.indexContent {
    position: fixed;
    top: 100vh;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    z-index: 999;
    background-color: #ffffff;
    transition: top 0.7s cubic-bezier(0.5, 0, 0.2, 1) 0s;
    overflow: auto;
}

.indexContent.showdiv {
    top: 0;
}

.indexContent .pNav {
    opacity: 0;
    position: fixed;
    left: 0;
    top: 0;
    background: #125db2;
    box-shadow: 0 5px 8px -4px rgba(0, 0, 0, .3);
    z-index: 999;
    transform: translate(0, -80px);
    transition: all .5s ease-out 0s;
}

.indexContent.showdiv .pNav {
    display: block;
    opacity: 1;
    transform: none;
        opacity: 1
}

.indexContent .index-tt {
    height: auto;
}

.indexContent .index-tt .mainWidth {
    padding-top: .95rem;
    padding-bottom: .3rem;
}

/****  首页 动效  ****/
.index-tit {
    transform: translate(0, -80px);
    transition: all 1s ease-out 0s;
    opacity: 0;
    z-index: -1;
}

.indexContent.showdiv .index-zwgk .index-tit,
.index-zwfw.showdiv .index-tit,
.index-hdjl.showdiv .index-tit,
.index-zmwl.showdiv .index-tit,
.index-ztzl.showdiv .index-tit {
    transform: none;
    opacity: 1;
    z-index: 1;
}

.index-zwgk .zwgk-lft,
.index-zwfw .zwfw-box,
.index-hdjl .hdjl-lft,
.index-zmwl .zmwl-img-menu {
    transform: translate(-80px, -80px);
    transition: all 1s ease-out 0s;
    opacity: 0;
}

.index-zwgk .zwgk-rgt,
.index-zwfw .zwfw-box.tsfw,
.index-hdjl .hdjl-rgt,
.index-zmwl .zmwl-qqjj {
    transform: translate(80px, -80px);
    transition: all 1s ease-out 0s;
    opacity: 0;
}

.index-ztzl #ztzl-swiper {
    transform: translate(0, -80px);
    transition: all 1s ease-out 0s;
    opacity: 0;
}

.indexContent.showdiv .index-zwgk .zwgk-lft,
.indexContent.showdiv .index-zwgk .zwgk-rgt,
.index-zwfw.showdiv .zwfw-box,
.index-hdjl.showdiv .hdjl-lft,
.index-hdjl.showdiv .hdjl-rgt,
.index-zmwl.showdiv .zmwl-img-menu,
.index-zmwl.showdiv .zmwl-qqjj,
.index-ztzl.showdiv #ztzl-swiper {
    transform: none;
    opacity: 1;
}

/****  首页 头条  ****/
.index-tt {
    width: 100%;
    /* height: calc(100vh - 7.76rem); */
    height: calc(100vh * .17);
    background-color: #125db2;
    min-height: calc(.94rem + 10px);
}

.index-tt .mainWidth {
    padding-top: calc((100vh * .17 - .94rem) / 2);
}

.index-tt .tt-box {
    height: .6rem;
    overflow: hidden;
}

.index-tt .tt-box a {
    width: 100%;
    font-size: .46rem;
    color: #ffffff;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: .6rem;
    background-color: #125db2;
}

.index-tt .tt-more {
    text-align: center;
    margin-top: .14rem;
}

.index-tt .tt-more a {
    color: #ffffff;
    opacity: .65;
    line-height: .2rem;
}

.index-tt .tt-more a:hover {
    opacity: 1;
}

/****  首页 公共标题  ****/
.index-tit {
    width: 100%;
    padding: .35rem 0;
    text-align: center;
    height: .4rem;
    line-height: .4rem;
}

.index-tit a {
    display: inline-block;
    font-weight: 700;
    cursor: pointer;
    position: relative;
}

.index-tit a::after {
    content: '';
    display: none;
    color: #dbdbdb;
    font-size: .36rem;
    width: 2.4rem;
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 0;
    opacity: .5;
}

.index-tit.zwgk a::after {
    content: 'ZHENG WU GONG KAI';
}

.index-tit.zwfw a::after {
    content: 'ZHENG WU FU WU';
}

.index-tit.hdjl a::after {
    content: 'HU DONG JIAO LIU';
}

.index-tit.zmwl a::after {
    content: 'ZHI MEI WU LONG';
}

.index-tit.ztzl a::after {
    content: 'ZHUAN TI ZHUAN LAN';
}

.index-tit span {
    color: #dbdbdb;
    float: left;
    font-size: .36rem;
    width: 2.4rem;
    text-align: right;
}

.index-tit span:last-child {
    text-align: left;
}

.index-tit label {
    color: #1c1c1c;
    float: left;
    cursor: pointer;
    font-size: .4rem;
}

.index-tit label::before,
.index-tit label::after {
    content: "/";
    color: #dcdcdc;
    font-size: .3rem;
    font-weight: 200;
    margin: 0 .3rem 0 .1rem;
    float: left;
}

.index-tit label::after {
    float: right;
    margin: 0 .1rem 0 .3rem;
}

/****  首页 要闻动态  ****/
.index-ywdt {
    position: relative;
    /* background: linear-gradient(to bottom, #125db2, #9dcce2, #ffffff); */
    /* padding-bottom: .4rem; */
}

.index-ywdt .ywdt-bg {
    position: absolute;
    width: 100%;
    height: 4.97rem;
    background: url(../images/2024-index-ywdt-bg.png) repeat-x top;
    background-size: contain;
    left: 0;
    top: 0;
}

.index-ywdt .ywdt-img {
    width: 6.62rem;
    height: 3.77rem;
    float: left;
    overflow: hidden;
}

.index-ywdt .ywdt-img a {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    color: #ffffff;
}

.index-ywdt .ywdt-img a:hover {
    color: #ff0000;
}

.index-ywdt .ywdt-img img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.index-ywdt .ywdt-img label {
    width: calc(100% - .8rem);
    padding: 0 .65rem 0 .15rem;
    display: block;
    background: rgba(0, 0, 0, .45);
    height: .54rem;
    line-height: .54rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: absolute;
    left: 0;
    bottom: 0;
}

.index-ywdt .ywdt-img .swiper-container-horizontal>.swiper-pagination-bullets,
.index-ywdt .ywdt-img .swiper-pagination-custom,
.index-ywdt .ywdt-img .swiper-pagination-fraction {
    left: auto;
    right: 0;
    bottom: 0;
    color: #ffffff;
    width: .65rem;
    height: .54rem;
    line-height: .54rem;
}

.index-ywdt .ywdt-img .swiper-pagination-total {
    font-size: .18rem;
    opacity: .66;
}

.index-ywdt .ywdt-img .swiper-pagination-current {
    font-size: .24rem;
}

.index-ywdt .ywdt-txt {
    width: calc(100% - 6.82rem);
    height: 3.71rem;
    float: right;
    overflow: hidden;
}

.index-ywdt .ywdt-txt .pHead01 li {
    margin-right: 0;
}

.index-ywdt .ywdt-txt .pHead01 li:nth-child(1) {
    width: 25%;
}

.index-ywdt .ywdt-txt .pHead01 li:nth-child(n+2) {
    width: calc((100% - 25%) / 4);
}

.index-ywdt .ywdt-txt .pHead01 li a {
    color: #ffffff;
}

.index-ywdt .ywdt-txt .pHead01 li.active a {
    background-color: rgba(255, 255, 255, .18);
}

.index-ywdt .ywdt-txt .con {
    width: 100%;
    margin-top: .2rem;
    height: 3.31rem;
    overflow: hidden;
}

.index-ywdt .ywdt-txt .con .pList01 span {
    color: #4e4e4e;
}

/****  首页 政务公开  ****/
.index-zwgk {
    background: url(2024-index-zwgk-bg.png) no-repeat right bottom;
    background-size: 5.98rem 5.29rem;
}

.index-zwgk .zwgk-lft {
    width: calc(100% - 4.91rem - .3rem);
    float: left;
}

.index-zwgk .zwgk-lft .con {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: .2rem;
}

.index-zwgk .zwgk-lft .zcwj-search {
    width: calc(100% - 2px);
    height: .48rem;
    border-radius: .24rem;
    border: 1px solid #255baf;
    margin-top: .15rem;
}

.index-zwgk .zwgk-lft .zcwj-search .tit {
    color: #1c4f9e;
    font-size: .16rem;
    font-weight: 700;
    float: left;
    line-height: .48rem;
    background: url(2024-index-zwgk-zcwjjs-ico.png) no-repeat .15rem center;
    background-size: .2rem;
    padding-left: .45rem;
}

.index-zwgk .zwgk-lft .zcwj-search .ipt {
    text-align: center;
    line-height: .48rem;
    padding: 0;
    margin: 0;
    float: left;
    width: 2.2rem;
    font-size: .16rem;
}

.index-zwgk .zwgk-lft .zcwj-search .ipt::placeholder {
    color: #c0c0c0;
    font-size: .16rem;
}

.index-zwgk .zwgk-lft .zcwj-search i {
    display: block;
    width: 1px;
    height: .14rem;
    background-color: #c0c0c0;
    float: left;
    margin-top: .16rem;
}

.index-zwgk .zwgk-lft .zcwj-search .day {
    width: 1.1rem;
}

.index-zwgk .zwgk-lft .zcwj-search .line {
    float: left;
    line-height: .48rem;
    color: #c0c0c0;
}

.index-zwgk .zwgk-lft .zcwj-search .btn {
    width: .44rem;
    height: .44rem;
    border-radius: 50%;
    background: url(2024-index-zwgk-zcwjjs-search-ico.png) no-repeat center #255baf;
    background-size: .2rem;
    margin: .02rem .02rem 0 0;
    float: right;
    cursor: pointer;
    transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    -ms-transition: all .3s linear;
}

.index-zwgk .zwgk-lft .zcwj-search .btn:hover {
    background-color: #0087d3;
}

.index-zwgk .zwgk-rgt {
    width: 4.91rem;
    float: right;
}

.index-zwgk .zwgk-rgt .zfxxgk-tit {
    height: .4rem;
    line-height: .4rem;
    width: 100%;
    position: relative;
}

.index-zwgk .zwgk-rgt .zfxxgk-tit::after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0%;
    top: calc((.4rem - 1px) / 2);
    background-color: #1591d7;
    z-index: -1;
}

.index-zwgk .zwgk-rgt .zfxxgk-tit a {
    display: block;
    width: calc(6em + .4rem);
    text-align: center;
    background-color: #ffffff;
    font-size: .24rem;
    font-weight: 700;
    margin: 0 auto;
}

.index-zwgk .zwgk-rgt .zfxxgk-ul li {
    width: calc((100% - .15rem) / 2);
    height: 1.18rem;
    float: left;
    background: linear-gradient(-40deg, #0087d3, #72bee9);
    margin-top: .15rem;
}

.index-zwgk .zwgk-rgt .zfxxgk-ul li:nth-child(2n) {
    margin-left: .15rem;
}

.index-zwgk .zwgk-rgt .zfxxgk-ul li a {
    width: calc(100% - .3rem);
    height: 100%;
    display: block;
    font-weight: 700;
    color: #ffffff;
    line-height: 1.18rem;
    font-size: .16rem;
    padding-left: .3rem;
    background: no-repeat right bottom;
    background-size: auto 1.18rem;
}

.index-zwgk .zwgk-rgt .zfxxgk-ul li:hover a {
    background-size: auto 1rem;
}

.index-zwgk .zwgk-rgt .zfxxgk-ul li:nth-child(1) a {
    background-image: url(2024-index-zwgk-zfxxgk-ico01.png);
}

.index-zwgk .zwgk-rgt .zfxxgk-ul li:nth-child(2) a {
    background-image: url(2024-index-zwgk-zfxxgk-ico02.png);
}

.index-zwgk .zwgk-rgt .zfxxgk-ul li:nth-child(3) a {
    background-image: url(2024-index-zwgk-zfxxgk-ico03.png);
}

.index-zwgk .zwgk-rgt .zfxxgk-ul li:nth-child(4) a {
    background-image: url(2024-index-zwgk-zfxxgk-ico04.png);
}

.index-zwgk .zwgk-rgt .zfxxgk-ul li a:hover {
    background-color: #0087d3;
}

.index-zwgk .zwgk-rgt .menu-ul {
    width: 100%;
    height: 1.26rem;
    margin-top: .15rem;
    background-color: #cde6fa;
}

.index-zwgk .zwgk-rgt .menu-ul li {
    width: calc(69% / 3);
    height: 100%;
    float: left;
}

.index-zwgk .zwgk-rgt .menu-ul li:last-child {
    width: 31%;
}

.index-zwgk .zwgk-rgt .menu-ul li a {
    width: 100%;
    height: 100%;
    display: block;
    text-align: center;
}

.index-zwgk .zwgk-rgt .menu-ul li img {
    height: .3rem;
    margin: .22rem auto 0;
    display: inline-block;
    transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -ms-transition: all .2s linear;
    padding: .1rem;
}

.index-zwgk .zwgk-rgt .menu-ul li:hover img {
    height: .24rem;
}

.index-zwgk .zwgk-rgt .menu-ul li span {
    width: 100%;
    text-align: center;
    cursor: pointer;
    color: #1c4f9e;
    display: block;
}

.index-zwgk .zwgk-wgk {
    margin-top: .2rem;
}

.index-zwgk .wgk-box {
    width: calc((100% - .8rem) / 5);
    float: left;
    margin-right: .2rem;
    position: relative;
}

.index-zwgk .wgk-box:last-child {
    margin-right: 0;
}

.index-zwgk .wgk-box .tit {
    width: calc(100% - 2px - .74rem);
    height: .48rem;
    line-height: .48rem;
    border: 1px solid #b5deec;
    cursor: pointer;
    padding-left: .74rem;
    background: url(2024-index-zwgk-wgk-ico.png) no-repeat 2.3rem center #ecf8fc;
    background-size: .16rem;
}

.index-zwgk .zwgk-wgk .wgk-con {
    width: calc(100% - .1rem);
    height: 0;
    padding-right: .1rem;
    position: absolute;
    background-color: #f4f8ff;
    left: 0;
    top: .5rem;
    font-size: .16rem;
    z-index: 9;
    overflow: hidden;
    transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    -ms-transition: all .3s linear;
}

.index-zwgk .zwgk-wgk .wgk-con a {
    width: calc(50% - .1rem);
    margin-left: .1rem;
    display: block;
    text-align: center;
    line-height: .3rem;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.index-zwgk .zwgk-wgk .wgk-con a:hover {
    color: #ff0000;
}

.index-zwgk .zwgk-wgk .wgk-box:hover .wgk-con {
    height: auto;
    padding-top: .1rem;
    padding-bottom: .1rem;
}

.index-zwgk .zwgk-yjxx {
    margin-top: .2rem;
    background-color: #3a80d9;
    height: .65rem;
    line-height: .65rem;
    padding: 0 .25rem;
}

.index-zwgk .zwgk-yjxx .tit {
    font-size: .2rem;
    font-weight: 700;
    color: #ffffff;
    width: 4em;
    float: left;
    margin-right: .5rem;
}

.index-zwgk .zwgk-yjxx .list-con {
    width: calc(100% - 5em - .5rem);
    float: left;
    height: .65rem;
    overflow: hidden;
    white-space: nowrap;
}

.index-zwgk .zwgk-yjxx .list-con .pList01 {
    display: inline;
    line-height: .65rem;
}

.index-zwgk .zwgk-yjxx .list-con .pList01 li {
    width: auto;
    display: inline-block;
}

.index-zwgk .zwgk-yjxx .list-con .pList01 li::after {
    content: '|';
    display: inline-block;
    font-family: '宋体';
    color: #ffffff;
    margin: 0 .5rem;
}

.index-zwgk .zwgk-yjxx .list-con .pList01 a {
    width: auto;
    color: #ffffff;
    float: left;
    background: no-repeat left center;
    background-size: .24rem;
    padding-left: .35rem;
}

.index-zwgk .zwgk-yjxx .list-con .pList01 a:hover {
    color: #ff0000;
}

.index-zwgk .zwgk-yjxx .list-con .pList01 span {
    color: #ffffff;
    margin-left: .6rem;
    float: left;
}

/****  首页 宣传图  ****/
.index-xc01 {
    margin-top: .3rem;
}

.index-xc01 a {
    width: 100%;
    width: calc(100% - .2rem);
    padding: .1rem;
    display: block;
    background-color: #f4f8ff;
}

.index-xc01 img {
    width: 100%;
    display: block;
}

.index-xc01 .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    border-radius: 3px;
    background-color: #ffffff;
    opacity: .8;
    margin: 0 2px;
}

.index-xc01 .swiper-pagination-bullet-active {
    width: .24rem;
    background-color: #255baf;
    opacity: 1;
}

/****  首页 政务服务  ****/
.index-zwfw {
    margin-top: .4rem;
    padding-bottom: .4rem;
    background: url(2024-index-zwfw-bg.png) no-repeat left bottom #f4f8ff;
    background-size: auto 5.6rem;
}

.index-zwfw .zwfw-box {
    width: calc((100% - .6rem) / 4);
    background-color: #ffffff;
    margin-right: .2rem;
    float: left;
    text-align: center;
    padding: .25rem 0;
    cursor: pointer;
    transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    -ms-transition: all .3s linear;
}

.index-zwfw .zwfw-box .img-box {
    width: .75rem;
    height: .75rem;
    margin: 0 auto;
}

.index-zwfw .zwfw-box .img-box img {
    width: auto;
    height: .75rem;
    background-color: #255baf;
    border-radius: 50%;
    overflow: hidden;
    transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    -ms-transition: all .3s linear;
}

.index-zwfw .zwfw-box:hover {
    box-shadow: 0 0 .1rem #3a80d9;
}

.index-zwfw .zwfw-box:hover img {
    width: auto;
    height: .68rem;
}

.index-zwfw .zwfw-box .tit {
    font-size: .22rem;
    font-weight: 700;
    margin-top: .15rem;
    color: #000;
}

.index-zwfw .zwfw-box .list {
    padding: .15rem .1rem 0;
}

.index-zwfw .zwfw-box .list li {
    width: 33.33%;
    float: left;
    line-height: .36rem;
}

.index-zwfw .zwfw-box .list li a:hover {
    color: #ff0000;
}

.index-zwfw .zwfw-box.tsfw {
    margin-right: 0;
}

.index-zwfw .zwfw-box.tsfw li {
    width: 50%;
}

.index-zwfw .zwfw-box.tsfw li:last-child {
    width: 100%;
}

.index-zwfw .zwfw-zt {
    margin-top: .2rem;
    background-color: #ffffff;
    padding: .2rem;
}

.index-zwfw .zwfw-zt li {
    width: calc((100% - .4rem) / 3);
    margin-right: .2rem;
    background-color: #cde6fa;
    overflow: hidden;
    height: .9rem;
    float: left;
    position: relative;
}

.index-zwfw .zwfw-zt li:last-child {
    margin-right: 0;
}

.index-zwfw .zwfw-zt li::before {
    content: '';
    display: block;
    width: 0;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: #aedbff;
    transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    -ms-transition: all .3s linear;
}

.index-zwfw .zwfw-zt li:hover::before {
    width: 100%;
}

.index-zwfw .zwfw-zt li a {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    z-index: 2;
}

.index-zwfw .zwfw-zt li img {
    width: auto;
    height: 100%;
    object-fit: cover;
    transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    -ms-transition: all .3s linear;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.index-zwfw .zwfw-zt li a:hover img {
    height: .8rem;
}

/****  首页 互动交流  ****/
.index-hdjl {
    padding-bottom: .4rem;
}

.index-hdjl .hdjl-lft {
    width: 6.2rem;
    height: 3.17rem;
    float: left;
    background-color: #f4f8ff;
    padding: .2rem .2rem 0;
}

.index-hdjl .hdjl-lft .mail-btn {
    width: auto;
    height: .44rem;
    line-height: .44rem;
    background-color: #deeaff;
    margin-top: .15rem;
}

.index-hdjl .hdjl-lft .mail-btn li {
    width: calc(33.33% - .25rem);
    padding-left: .25rem;
    float: left;
}

.index-hdjl .hdjl-lft .mail-btn li a {
    font-size: .16rem;
    font-weight: 700;
    color: #34332f;
    padding-left: .32rem;
    background: no-repeat center left;
    background-size: .22rem;
}

.index-hdjl .hdjl-lft .mail-btn li a:hover {
    color: #ff0000;
}

.index-hdjl .hdjl-lft .mail-btn li:nth-child(1) a {
    background-image: url(2024-index-hdjl-ico-wyxx.png);
}

.index-hdjl .hdjl-lft .mail-btn li:nth-child(2) a {
    background-image: url(2024-index-hdjl-ico-lxxd.png);
}

.index-hdjl .hdjl-lft .mail-btn li:nth-child(3) a {
    background-image: url(2024-index-hdjl-ico-xjcx.png);
}

.index-hdjl .hdjl-lft .pList01 {
    margin-top: .1rem;
    padding: 0 .05rem;
}

.index-hdjl .hdjl-lft .pList01 label {
    float: left;
}

.index-hdjl .hdjl-lft .pList01 label::after {
    content: '';
    width: 1px;
    height: .16rem;
    display: block;
    float: right;
    margin: .15rem .15rem 0;
    background-color: #34332f;
}

.index-hdjl .hdjl-lft .pList01 a {
    width: calc(100% - 9em - 1px - .3rem);
}

.index-hdjl .hdjl-lft #yjzj {
    margin-top: .2rem;
}

.index-hdjl .hdjl-lft #yjzj a {
    width: calc(100% - 10em - 1px - .3rem);
}

.index-hdjl .hdjl-rgt {
    width: calc(100% - 6.6rem - .2rem);
    height: 3.17rem;
    float: right;
}

.index-hdjl .hdjl-rgt .link-box {
    width: calc((100% - .3rem) / 3);
    margin-right: .15rem;
    float: left;
    height: 2.48rem;
    background: linear-gradient(to bottom, #0087d3, #72bee9);
    color: #ffffff;
}

.index-hdjl .hdjl-rgt .link-box .tit {
    width: 100%;
    text-align: center;
    font-size: .2rem;
    font-weight: 700;
    display: block;
    line-height: .3rem;
    padding: .25rem 0 .2rem;
}

.index-hdjl .hdjl-rgt .link-box .ico {
    width: 100%;
    display: inline-block;
    position: relative;
    height: .32rem;
    margin-bottom: .1rem;
}

.index-hdjl .hdjl-rgt .link-box .ico::before,
.index-hdjl .hdjl-rgt .link-box .ico::after {
    content: '';
    display: block;
    width: calc((100% - .32rem - .2rem) / 2);
    height: 1px;
    background-color: #ffffff;
    position: absolute;
    left: 0;
    top: calc((.32rem - 1px) / 2);
    z-index: 1;
}

.index-hdjl .hdjl-rgt .link-box .ico::after {
    left: auto;
    right: 0;
}

.index-hdjl .hdjl-rgt .link-box .ico img {
    height: .32rem;
    margin: 0 auto;
    display: block;
    position: relative;
    z-index: 2;
    transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    -ms-transition: all .3s linear;
}

.index-hdjl .hdjl-rgt .link-box.box02 a {
    width: 100%;
    height: 100%;
    text-align: center;
    color: #ffffff;
    cursor: pointer;
}

.index-hdjl .hdjl-rgt .link-box.box02 a:hover {
    background-color: #0087d3;
}

.index-hdjl .hdjl-rgt .link-box.box02 a:hover .ico img {
    height: .24rem;
    margin-top: .04rem;
}

.index-hdjl .hdjl-rgt .link-box.box02 label {
    cursor: pointer;
}

.index-hdjl .hdjl-rgt .link-box.box02 .msg {
    font-size: .16rem;
    color: #ffffff;
    text-align: center;
    width: 100%;
    display: block;
    line-height: .36rem;
}

.index-hdjl .hdjl-rgt .link-box .a-link {
    width: 100%;
    text-align: center;
    line-height: .36rem;
}

.index-hdjl .hdjl-rgt .link-box .a-link a {
    font-size: .16rem;
    color: #ffffff;
    display: block;
}

.index-hdjl .hdjl-rgt .link-box .a-link a:hover {
    color: #ff0000;
}

.index-hdjl .hdjl-rgt .menu-box {
    width: calc((100% - .15rem) / 2);
    margin-top: .15rem;
    margin-right: .15rem;
    height: .74rem;
    background-color: #f2f7ff;
    float: left;
    position: relative;
}

.index-hdjl .hdjl-rgt .menu-box::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #deeaff;
    z-index: 1;
    transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    -ms-transition: all .3s linear;
    opacity: 0;
}

.index-hdjl .hdjl-rgt .nr {
    margin-right: 0;
}

.index-hdjl .hdjl-rgt .menu-box a {
    width: 100%;
    height: 100%;
    display: block;
    background: url(2024-index-zwfw-menu-bg.png) no-repeat right;
    background-size: auto 100%;
    position: relative;
    z-index: 2;
}

.index-hdjl .hdjl-rgt .menu-box .tit {
    font-size: .2rem;
    font-weight: 700;
    color: #255baf;
    line-height: .74rem;
    padding-left: .58rem;
    cursor: pointer;
}

.index-hdjl .hdjl-rgt .menu-box .btn {
    width: .88rem;
    height: .22rem;
    line-height: .22rem;
    background-color: #255baf;
    font-size: .14rem;
    color: #ffffff;
    text-align: center;
    float: right;
    border-radius: .05rem;
    margin-top: .26rem;
    margin-right: .52rem;
    cursor: pointer;
}

.index-hdjl .hdjl-rgt .menu-box:hover::before {
    opacity: 1;
}

.index-hdjl .hdjl-rgt .menu-box:hover a {
    background-image: url(2024-index-zwfw-menu-bg-hover.png);
}

/****  首页 至美武隆  ****/
.index-zmwl {
    padding-bottom: .4rem;
    background: url(2024-index-zmwl-bg.png) no-repeat bottom center #f4f8ff;
    background-size: 100% auto;
}

.index-zmwl .zmwl-img-menu {
    width: 7.92rem;
    float: left;
}

.index-zmwl .zmwl-img-menu li {
    height: calc((3.32rem - .14rem) / 2);
    float: left;
}

.index-zmwl .zmwl-img-menu li .imgbox {
    width: 100%;
    overflow: hidden;
    position: relative;
    display: block;
    height: calc(100% - .52rem);
}

.index-zmwl .zmwl-img-menu li .imgbox img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    -ms-transition: all .3s linear;
}

.index-zmwl .zmwl-img-menu li .tit {
    width: calc(100% - .2rem);
    height: .52rem;
    line-height: .52rem;
    padding-left: .2rem;
    display: block;
    background-color: #deeaff;
    font-size: .16rem;
    color: #34332f;
    font-weight: 700;
}

.index-zmwl .zmwl-img-menu li.menu01 {
    width: 4.12rem;
    height: 3.32rem;
}

.index-zmwl .zmwl-img-menu li.menu01 i {
    width: .7rem;
    height: .7rem;
    border-radius: 50%;
    background: url(2024-index-zmwl-video.png) no-repeat center;
    background-color: rgba(255, 255, 255, .5);
    background-size: .7rem;
    position: absolute;
    left: calc((100% - .7rem) / 2);
    top: calc((100% - .7rem) / 2);
    display: block;
    font-style: normal;
}

.index-zmwl .zmwl-img-menu li.menu02 {
    width: calc((3.65rem - .15rem) / 2);
    margin-left: .15rem;
}

.index-zmwl .zmwl-img-menu li.menu03 {
    width: 3.65rem;
    margin: .14rem 0 0 .15rem;
}

.index-zmwl .zmwl-img-menu li:hover .imgbox img {
    width: 110%;
    height: auto;
}

.index-zmwl .zmwl-img-menu li:hover .tit {
    background-color: #cde6fa;
}

.index-zmwl .zmwl-qqjj {
    width: calc(100% - 7.92rem - .3rem);
    float: right;
}

.index-zmwl .zmwl-qqjj .con {
    text-indent: 2em;
    margin-top: .25rem;
    text-align: justify;
}

.index-zmwl .zmwl-qqjj .con a {
    height: calc(.4rem * 3);
    line-height: .4rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    display: -moz-box;
    -moz-box-orient: vertical;
    -moz-line-clamp: 3;
    word-wrap: break-word;
    word-break: break-all;

}

.index-zmwl .zmwl-qqjj .con a:hover {
    color: #ff0000;
}

.index-zmwl .zmwl-btn {
    width: 100%;
    margin-top: .3rem;
}

.index-zmwl .zmwl-btn li {
    width: calc(100% / 3);
    text-align: center;
    float: left;
}

.index-zmwl .zmwl-btn li img {
    width: .75rem;
    height: .75rem;
    border-radius: 50%;
    margin: 0 auto;
    display: block;
    background-color: #deeaff;
    transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    -ms-transition: all .3s linear;
}

.index-zmwl .zmwl-btn li span {
    font-size: .16rem;
    font-weight: 700;
    color: #34332f;
    margin-top: .15rem;
    display: block;
}

.index-zmwl .zmwl-btn li a:hover img {
    width: .64rem;
    height: .64rem;
}

/****  首页 专题专栏  ****/
.index-ztzl #ztzl-swiper {
    height: 1.65rem;
    padding-bottom: .2rem;
}

.index-ztzl #ztzl-prev,
.index-ztzl #ztzl-next {
    width: .3rem;
    height: .3rem;
    line-height: .3rem;
    top: auto;
    bottom: calc((1.65rem - .3rem) / 2);
    background: no-repeat center;
    background-size: .13rem .16rem;
}

.index-ztzl #ztzl-prev::after,
.index-ztzl #ztzl-next::after {
    content: '';
    font-size: .18rem;
    font-weight: 700;
    color: #255baf;
}

.index-ztzl #ztzl-prev {
    background-image: url(2024-index-ztzl-prev.png);
    left: -.4rem;
}

.index-ztzl #ztzl-next {
    background-image: url(2024-index-ztzl-next.png);
    right: -.4rem;
}

.index-ztzl #ztzl-pagination {
    bottom: -4px;
}

.index-ztzl #ztzl-pagination .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    border-radius: 3px;
    background-color: #255baf;
    opacity: 1;
    margin: 0 2px;
}

.index-ztzl #ztzl-pagination .swiper-pagination-bullet-active {
    width: .24rem;
}

.index-ztzl #ztzl-swiper a {
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
}

.index-ztzl #ztzl-swiper a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

@media screen and (max-width: 1100px) {
    .index-zwgk .zwgk-lft .zcwj-search .ipt {
        width: 2rem;
    }
    
    .index-zwgk .zwgk-lft .zcwj-search .day {
        width: 1.1rem;
    }
}

@media screen and (max-width: 1023px) {    
    .index-hdjl .hdjl-lft .pList01 a {
        width: calc(100% - 11em - 1px - .3rem);
    }
}

@media screen and (max-width: 768px) {

    .indexContent .index-zwgk .index-tit,
    .index-zwfw .index-tit,
    .index-hdjl .index-tit,
    .index-zmwl .index-tit,
    .index-ztzl .index-tit,
    .indexContent .index-zwgk .zwgk-lft,
    .indexContent .index-zwgk .zwgk-rgt,
    .index-zwfw .zwfw-box,
    .index-hdjl .hdjl-lft,
    .index-hdjl .hdjl-rgt,
    .index-zmwl .zmwl-img-menu,
    .index-zmwl .zmwl-qqjj,
    .index-ztzl #ztzl-swiper {
        transform: none !important;
        opacity: 1 !important;
        z-index: 1 !important;
    }

    .indexTop {
        height: auto;
    }

    .indexTop .index-banner {
        height: calc(100vw * .6);
    }

    .indexTop .index-banner .video-box {
        display: none !important;
        z-index: -1;
    }

    .indexContent {
        position: relative;
        top: initial;
        overflow: inherit;
        z-index: 99;
    }

    .indexContent .pNav,
    .indexContent .index-tt,
    .indexContent.showdiv .pNav,
    .indexContent.showdiv .index-tt {
        display: none !important;
    }

    .pLogo {
        top: .7rem;
    }

    .pLogo .pLogo-logo img {
        height: .64rem;
    }

    .pSearch {
        margin-top: 0 !important;
        padding-top: .1rem !important;
    }

    .pNav {
        top: calc(100vw * .6 - .23rem);
        bottom: inherit;
        background-size: auto .23rem;
        background-position: top;
        padding-top: .23rem !important;
    }

    .pNav .mainWidth {
        background: #125db2;
        padding-top: .05rem;
    }

    .pNav ul {
        width: calc(100% - 20px);
        padding: 0 10px;
    }

    .pNav.fixed {
        position: relative;
        left: auto;
        top: auto;
        background: url(../images/2024-pNav-bg.png) no-repeat center;
        box-shadow: inherit;
    }

    .index-tt {
        height: auto;
        margin-top: .84rem;
        /* background: linear-gradient(to bottom, #125db2, #ffffff); */
    }

    .index-tt .mainWidth {
        padding: 10px;
    }

    .index-tt .tt-box {
        height: .8rem;
    }

    .index-tt .tt-box a {
        font-size: .28rem;
        line-height: .4rem;
        height: .8rem;
        white-space: inherit;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        display: -moz-box;
        -moz-box-orient: vertical;
        -moz-line-clamp: 2;
        word-wrap: break-word;
        word-break: break-all;
    }

    .index-tit {
        padding: .2rem 0;
        position: relative;
        height: .6rem;
    }

    .index-tit a {
        width: 100%;
        display: block;
        text-align: center;
        height: 100%;
    }

    .index-tit a::after {
        display: block;
        width: 100%;
    }

    .index-tit span {
        font-size: .36rem;
        position: absolute;
        width: calc((100% - .1rem) / 2);
        bottom: .2rem;
        left: 0;
        z-index: 1;
        opacity: .5;
        display: none;
    }

    .index-tit span:last-child {
        left: auto;
        right: 0;
    }

    .index-tit label {
        position: absolute;
        z-index: 2;
        left: 50%;
        transform: translateX(-50%);
    }

    .index-tit label::after {
        margin: 0 5px 0 10px;
        font-size: .2rem;
    }

    .index-tit label::before {
        margin: 0 10px 0 5px;
        font-size: .2rem;
    }

    .index-tt .tt-more {
        margin-top: .1rem;
    }

    .index-ywdt .ywdt-bg {
        background-size: contain;
    }

    .index-ywdt .ywdt-img {
        width: 100%;
        height: calc(100vw * .55);
        float: none;
    }

    .index-ywdt .ywdt-txt {
        width: 100%;
        float: none;
        margin-top: 10px;
        height: auto;
    }

    .index-ywdt .ywdt-txt .pHead01 li a {
        color: #34332f;
    }

    .index-ywdt .ywdt-txt .pHead01 li.active a {
        background-color: #255baf;
        color: #ffffff;
    }

    .index-ywdt .ywdt-txt .con {
        margin-top: 10px;
        height: auto;
    }
    
    .index-ywdt .ywdt-txt .con .pList01 li a {
        width: calc(100% - 4em);
    }

    .index-zwgk .zwgk-rgt {
        width: 100%;
        float: none;
    }

    .index-zwgk .zwgk-rgt .zfxxgk-ul li {
        width: calc((100% - 10px) / 2);
        margin-top: 10px;
    }

    .index-zwgk .zwgk-rgt .zfxxgk-ul li:nth-child(2n) {
        margin-left: 10px;
    }

    .index-zwgk .zwgk-rgt .menu-ul {
        margin-top: 10px;
    }

    .index-zwgk .zwgk-lft {
        width: 100%;
        float: none;
        margin-top: 10px;
    }

    .index-zwgk .zwgk-lft .pHead01 li {
        width: 50% !important;
    }

    .index-zwgk .zwgk-lft .pHead01 li:nth-child(n+3) {
        margin-top: 10px;
    }
    
    .index-zwgk .zwgk-lft .pList01 li a {
        width: calc(100% - 4em);
    }

    .index-zwgk .zwgk-lft .zcwj-search .ipt,
    .index-zwgk .zwgk-lft .zcwj-search i,
    .index-zwgk .zwgk-lft .zcwj-search .line {
        display: none;
    }

    .index-zwgk .zwgk-lft .zcwj-search #DOCTITLE {
        display: block;
    }

    .index-zwgk .zwgk-wgk {
        margin-top: 0;
    }

    .index-zwgk .wgk-box {
        width: 100%;
        margin-right: 0;
        margin-top: 10px;
    }

    .index-zwgk .wgk-box .tit {
        width: calc(100% - 2px);
        padding-left: 0;
        text-align: center;
        background-position: 95% center;
    }

    .index-zwgk .wgk-box:nth-child(2n) {
        margin-right: 0;
    }

    .index-zwgk .zwgk-wgk .wgk-con {
        position: relative;
        height: auto;
        top: initial;
        padding-top: 10px;
        padding-bottom: 10px;
        background-color: #f5fbfd;
    }

    .index-zwgk .zwgk-wgk .wgk-con a {
        width: calc(33.33% - .1rem);
        margin-left: .1rem;
    }

    .index-zwgk .zwgk-yjxx {
        margin-top: 10px;
        padding: 0 10px;
    }

    .index-zwgk .zwgk-yjxx .tit {
        margin-right: 10px;
    }

    .index-zwgk .zwgk-yjxx .list-con {
        width: calc(100% - 5em - 10px);
    }

    .index-zwgk .zwgk-yjxx .list-con .pList01 li::after {
        margin: 0 10px;
    }

    .index-zwgk .zwgk-yjxx .list-con .pList01 span {
        margin-left: .2rem;
    }

    .index-zwfw {
        margin-top: 10px;
        padding-bottom: 10px;
        background-color: #f5fbfd;
        background-size: auto 4rem;
    }

    .index-zwfw .zwfw-box {
        width: calc(50% - 5px);
        margin-right: 10px;
        padding: .2rem 0 10px;
    }

    .index-zwfw .zwfw-box:nth-child(3n) {
        margin-right: 0;
    }

    .index-zwfw .zwfw-box:nth-child(n+4) {
        margin-top: 10px;
    }

    .index-zwfw .zwfw-box .list {
        padding-top: .1rem;
    }

    .index-zwfw .zwfw-box .list li {
        width: 50%;
    }

    .index-zwfw .zwfw-box.tsfw li {
        width: 100%;
    }

    .index-zwfw .zwfw-box.tsfw .list {
        padding-left: 0;
        padding-right: 0;
    }

    .index-zwfw .zwfw-box.tsfw li a {
        width: 100%;
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .index-zwfw .zwfw-zt {
        margin-top: 10px;
        padding: 10px;
    }

    .index-zwfw .zwfw-zt li {
        width: 100%;
        margin-right: 0;
        float: none;
        margin-top: 10px;
    }

    .index-zwfw .zwfw-zt li:first-child {
        margin-top: 0
    }

    .index-hdjl {
        padding-bottom: 10px;
    }

    .index-hdjl .hdjl-lft {
        width: calc(100% - 20px);
        float: none;
        padding: 10px;
        background-color: #f5fbfd;
    }

    .index-hdjl .hdjl-lft .mail-btn li {
        width: calc(33.33% - 10px);
        padding-left: 10px;
    }
    
    .index-hdjl .hdjl-lft .pList01 a {
        width: calc(100% - 9em - 1px - .3rem);
    }

    .index-hdjl .hdjl-rgt {
        width: 100%;
        float: none;
    }

    .index-hdjl .hdjl-rgt .link-box {
        width: calc(50% - 5px);
        margin-right: 10px;
        margin-top: 10px;
    }

    .index-hdjl .hdjl-rgt .link-box:nth-child(2) {
        margin-right: 0;
    }

    .index-hdjl .hdjl-rgt .menu-box {
        margin-right: 0;
        margin-top: 10px;
        height: calc((2.48rem - 10px) / 2);
        text-align: center;
        background-color: #f5fbfd;
    }

    .index-hdjl .hdjl-rgt .menu-box:nth-child(1) {
        margin-top: 0;
    }

    .index-hdjl .hdjl-rgt .menu-box .tit {
        width: 100%;
        padding-left: 0;
        text-align: center;
        display: block;
        line-height: .7rem;
    }

    .index-hdjl .hdjl-rgt .menu-box .btn {
        margin: 0 auto;
        float: none;
        width: auto;
        padding: 0 .05rem;
        display: inline-block;
    }

    .index-zmwl {
        padding-bottom: 10px;
        background-color: #f5fbfd;
    }

    .index-zmwl .zmwl-img-menu {
        width: 100%;
        float: none;
    }

    .index-zmwl .zmwl-img-menu li {
        height: calc(100vw * .36);
    }

    .index-zmwl .zmwl-img-menu li.menu01 {
        width: 100%;
        height: calc(100vw * .7);
    }

    .index-zmwl .zmwl-img-menu li.menu01 .imgbox {
        height: calc(100% - .52rem);
    }

    .index-zmwl .zmwl-img-menu li.menu02 {
        width: calc(50% - 5px);
        margin-top: 10px;
        margin-left: 10px;
    }

    .index-zmwl .zmwl-img-menu li:nth-child(2) {
        margin-left: 0;
    }

    .index-zmwl .zmwl-img-menu li.menu03 {
        margin: 10px 0 0;
        width: 100%;
    }

    .index-zmwl .zmwl-qqjj {
        width: 100%;
        float: none;
        margin-top: 10px;
    }

    .index-zmwl .zmwl-qqjj .con {
        margin-top: .15rem;
    }

    .index-zmwl .zmwl-btn {
        margin-top: .15rem;
        padding-bottom: .1rem;
    }

    .index-ztzl #ztzl-swiper {
        height: calc(100vw * .25 * 2 + 10px);
    }

    .index-ztzl #ztzl-swiper .swiper-slide {
        height: calc(100vw * .25);
    }

    .index-ztzl #ztzl-prev,
    .index-ztzl #ztzl-next {
        display: none;
    }

    .index-ztzl #ztzl-pagination {
        bottom: 0;
    }
}

@media screen and (max-width: 375px) {
    .pLogo {
        top: .45rem;
    }

    .index-tit label {
        font-size: .38rem;
    }
}